<script>
  Polymer({
    is: 'x-basic',
    properties: {
      notifyingvalue: {
        notify: true
      }
    }
  });
</script>

<dom-module id="x-content">
  <template><div id="container"><content></content></div></template>
  <script>
    Polymer({
      is: 'x-content'
    });
  </script>
</dom-module>

<dom-module id="x-attach-dom-bind">
  <template><x-content id="local"></x-content></template>
  <script>
    Polymer({
      is: 'x-attach-dom-bind',
      attached: function() {
        var t = document.createElement('template', 'dom-bind'),
        span = document.createElement('span');
        span.innerHTML = '{{hello}}';
        t.content.appendChild(span);
        t.hello = 'hey';
        Polymer.dom(this.$.local).appendChild(t);
      }
    });
  </script>
</dom-module>

<dom-module id="x-compose">
  <template><x-content id="local"></x-content></template>
  <script>
    Polymer({
      is: 'x-compose'
    });
  </script>
</dom-module>

<script>
  Polymer({
    is: 'x-produce-a',
    properties: {
      a: {
        notify: true,
        value: 'a'
      }
    }
  });
</script>